import QtQuick 2.0
import QtGraphicalEffects 1.13
Item {
    id:root
    Row{
        id:row
        anchors.fill: parent
        Rectangle{
            id:topRectangle
            width: parent.width
            height: parent.height/3
            color: "#5badf5"

            property int icoWidth: 30


            Image {
                id: ico_qq
                source: "../resource/ico_qq.png"
                anchors.left: parent.left
                anchors.top: parent.top
                width: parent.icoWidth
                height: parent.icoWidth
            }
            Text {
                id: qq
                color: "#f8f6f6"
                text: qsTr("QQ")
                font.pixelSize: 30
                font.family: "Courier"
                anchors.left: ico_qq.right
                anchors.top: parent.top
            }

            Image {
                id: close
                source: "../resource/ico_close.png"
                anchors.right: parent.right
                anchors.top: parent.top
                width: parent.icoWidth
                height: parent.icoWidth

            }

            Image {
                id: mini
                source: "../resource/ico_mini.png"
                anchors.right: close.left
                anchors.top: parent.top
                width: parent.icoWidth
                height: parent.icoWidth

            }
        }

        //头像图片
        Image {
            id: head
            source: "../resource/ico_head.jpg"
            width: 100
            height: 100
            anchors.centerIn: topRectangle


        }
        //切割头像的圆形
        Rectangle{
            id:_mask
            width: head.width
            height: head.height
            radius: head.width/2
            visible: false
        }
        OpacityMask{
            id:maskHead
            invert: false
            anchors.fill: head;
            source: head
            maskSource: _mask
        }
    }

    Rectangle{
        id:bottomRectangle
        width: parent.width
        height: parent.height - topRectangle.height
        anchors.bottom: parent.bottom

        Rectangle{
            id:accountEdit
            height: 50
            border.width: 2
            border.color: "#382929"

            anchors.leftMargin: 60
            anchors.rightMargin: 60
            anchors.topMargin: 10
            anchors.left: parent.left
            anchors.top: parent.top

            width: parent.width - anchors.leftMargin * 2

        }

    }
}







/*##^##
Designer {
    D{i:0;autoSize:true;height:480;width:640}
}
##^##*/
